<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
 <head>
  <title>Table width and available widths</title>
  <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
  <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/floats/014-demo.html"/>
  <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
  <style type="text/css">
   .float { float: right; border: solid; padding: 0.5em; margin: 0.5em; }
   table { border: solid; padding: 0; margin: 0.5em; border-spacing: 0; }
   td { padding: 0.5em; }
  </style>
 </head>
 <body>
  <p> Make your window an inch or two bigger than than the width of
  one of the boxes below. All the boxes should (IMHO) be roughly the
  same size. Try resizing the window so that floats wrap in one or two
  columns.</p>
  <div class="float"> <div> this is a float this is a float this is a float this is a float this is a float this is a float this is a float </div> </div>
  <table> <tr> <td> this is a table this is a table this is a table this is a table this is a table this is a table this is a table </td> </tr> </table>
  <div class="float"> <div> this is a float this is a float this is a float this is a float this is a float this is a float this is a float </div> </div>
  <table> <tr> <td> this is a table this is a table this is a table this is a table this is a table this is a table this is a table </td> </tr> </table>
  <div class="float"> <div> this is a float this is a float this is a float this is a float this is a float this is a float this is a float </div> </div>
  <table> <tr> <td> this is a table this is a table this is a table this is a table this is a table this is a table this is a table </td> </tr> </table>
  <div class="float"> <div> this is a float this is a float this is a float this is a float this is a float this is a float this is a float </div> </div>
  <table> <tr> <td> this is a table this is a table this is a table this is a table this is a table this is a table this is a table </td> </tr> </table>
 </body>
</html>
